import { Grid } from '@shared/ui/Grid'
import { IconName } from '../../IconFont'
import { IconButton, IconButtonProps } from '../IconButton'
import icons from '../../../assets/style.module.scss'

export const IconButtonsList = ({ form }: Partial<IconButtonProps>) => {
  return (
    <Grid colMinWidth={90} columns='auto-fill' gap={24}>
      {Object.keys(icons).map((iconName) => {
        return (
          <Grid gap={2} justifyItems='center' key={iconName}>
            <IconButton form={form!} iconName={iconName as IconName} />
          </Grid>
        )
      })}
    </Grid>
  )
}
